<template>
  <div id="app" class="min-h-screen">
    <router-view></router-view>
    
    <!-- 登录弹框组件 -->
    <LoginDialog :visible="isLoggedDialogVisible" @close="handleLoginClose" />
  </div>
</template>

<script>
import LoginDialog from "@/components/home/LoginDialog.vue"
import { mapGetters } from "vuex"
export default {
  name: 'App',
  data() {
    return {
      // loginDialogVisible: false,
    }
  },
  components: {
    LoginDialog,
  },
  computed: {
    ...mapGetters({
      isLoggedDialogVisible: "auth/isLoggedDialogVisible",
    }),
  },
  methods: {
    handleLoginClose() {
      this.$store.commit("auth/SET_LOGIN_DIALOG_VISIBLE", false)
    },
  },
  created() {
    setTimeout(() => {
      // this.loginDialogVisible = true
    }, 2000)
  }
}
</script>

<style scoped>
</style>


